<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商家审核</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="/plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="/css/style.css">
    <script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="/plugins/bootstrap/js/bootstrap.min.js"></script>

</head>

<script type="text/javascript">
    $(function () {
        show()
    })

    function show() {
        $.ajax({
            url: "/tbSeller/sellershow",
            data: {
                name: $("#name").val(),
                nickName: $("#nickName").val(),
                pageNum: $("#pageNum").val(),
                pageSize: $("#pageSize").val()
            },
            async: false,
            dataType: "json",
            type: "post",
            success: function (result) {
                console.log(result.data.rows)
                var list = result.data.rows;
                var tbody = "";
                for (var i = 0; i < list.length; i++) {
                    tbody += '<tr><td><input type="checkbox"></td>'
                    tbody += '<td>' + list[i].sellerId + '</td>'
                    tbody += '<td>' + list[i].name + '</td>'
                    tbody += '<td>' + list[i].nickName + '</td>'
                    tbody += '<td>' + list[i].linkmanName + '</td>'
                    tbody += '<td>' + list[i].linkmanMobile + '</td>'
                    tbody += '<td class="text-center"><button type="button" onclick="selectAll(\'' + list[i].sellerId + '\')" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#sellerModal" >详情</button>'
                    tbody += '</td>'
                    tbody += '</tr>';
                }
                $("#seller").html(tbody);
                $("#pageNum").val(result.data.pageNumber);
                $("#pageSize").val(result.data.pageSize);
                $("#pages").val(result.data.totalPage);
            }, error: function (data) {
                console.log("系统异常")
            }
        })
    }

    function toPage(obj) {
        var pageNum = $("#pageNum").val();
        var pages = $("#pages").val();

        if (obj == 1) {
            if (pageNum > 1) {
                $("#pageNum").val(pageNum - 1);
            }
        }
        if (obj == 2) {
            if (pageNum < pages) {
                $("#pageNum").val(parseInt(pageNum) + 1);
            }
        }
        show();
    }

    function selectAll(sellerId) {
        $.ajax({
            url: "/tbSeller/details", //详情
            data: {sellerId: sellerId},
            async: false,
            dataType: "json",
            type: "post",
            success: function (result) {
                var list = result.data
                $("#sellerId").val(list.sellerId)
                var str = ''
                str += '<tr>'
                str += '<td>公司名称</td>'
                str += '<td>' + list.name + '</td>'
                str += '</tr>'
                str += '<tr>'
                str += '<td>公司手机</td>'
                str += '<td>' + list.mobile + '</td>'
                str += '</tr>'
                str += '<tr>'
                str += '<td>公司电话</td>'
                str += '<td>' + list.telephone + '</td>'
                str += '</tr>'
                str += '<tr>'
                str += '<td>公司详细地址</td>'
                str += '<td>' + list.address + '</td>'
                str += '</tr>'
                $("#one").html(str);

                var syr = '';
                syr += '<tr>'
                syr += '<td>联系人姓名</td>'
                syr += '<td>' + list.linkmanName + '</td>'
                syr += '</tr>'
                syr += '<tr>'
                syr += '<td>联系人QQ</td>'
                syr += '<td>' + list.linkmanQq + '</td>'
                syr += '</tr>'
                syr += '<tr>'
                syr += '<td>联系人手机</td>'
                syr += '<td>' + list.linkmanMobile + '</td>'
                syr += '</tr>'
                syr += '<tr>'
                syr += '<td>联系人E-Mail</td>'
                syr += '<td>' + list.linkmanEmail + '</td>'
                syr += '</tr>'

                $("#two").html(syr);

                var sur = '';
                sur += '<tr>'
                sur += '<td>营业执照号</td>'
                sur += '<td>' + list.licenseNumber + '</td>'
                sur += '</tr>'
                sur += '<tr>'
                sur += '<td>税务登记证号</td>'
                sur += '<td>' + list.taxNumber + '</td>'
                sur += '</tr>'
                sur += '<tr>'
                sur += '<td>组织机构代码证号</td>'
                sur += '<td>' + list.orgNumber + '</td>'
                sur += '</tr>'
                $("#three").html(sur);

                var sir = '';
                sir += '<tr>'
                sir += '<td>法定代表人</td>'
                sir += '<td>' + list.legalPerson + '</td>'
                sir += '</tr>'
                sir += '<tr>'
                sir += '<td>法定代表人身份证号</td>'
                sir += '<td>' + list.legalPersonCardId + '</td>'
                sir += '</tr>'
                $("#frou").html(sir);

                var sor = '';
                sor += '<tr>'
                sor += '<td>开户行名称</td>'
                sor += '<td>' + list.bankUser + '</td>'
                sor += '</tr>'
                sor += '<tr>'
                sor += '<td>开户行支行</td>'
                sor += '<td>' + list.bankName + '</td>'
                sor += '</tr>'
                sor += '<tr>'
                sor += '<td>银行账号</td>'
                sor += '<td>' + list.bankName + '</td>'
                sor += '</tr>'
                $("#five").html(sor);
            }, error: function (data) {
                console.log("系统异常")
            }
        })
    }

    function pass1() {
        var sellerId = $("#sellerId").val()
        console.log(sellerId)
        $.ajax({
            url: "/tbSeller/sellerPass",
            data: {sellerId: sellerId},
            async: false,
            dataType: "json",
            type: "post",
            success: function (result) {
                if (result.code == 10000) {
                    alert("修改成功")
                } else {
                    alert("修改失败")
                }

            }, error: function (data) {
                console.log("系统异常")
            }
        })

    }
    function pass2() {
        var sellerId = $("#sellerId").val()
        console.log(sellerId)
        $.ajax({
            url: "/tbSeller/sellerPassing",
            data: {sellerId: sellerId},
            async: false,
            dataType: "json",
            type: "post",
            success: function (result) {
                if (result.code == 10000) {
                    alert("修改成功")
                } else {
                    alert("修改失败")
                }

            }, error: function (data) {
                console.log("系统异常")
            }
        })

    }
    function pass3() {
        var sellerId = $("#sellerId").val()
        console.log(sellerId)
        $.ajax({
            url: "/tbSeller/sellerNoPass",
            data: {sellerId: sellerId},
            async: false,
            dataType: "json",
            type: "post",
            success: function (result) {
                if (result.code == 10000) {
                    alert("修改成功")
                } else {
                    alert("修改失败")
                }

            }, error: function (data) {
                console.log("系统异常")
            }
        })

    }
</script>

<body class="hold-transition skin-red sidebar-mini">
<input type="text" name="sellerId" id="sellerId">
<!-- .box-body -->
<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title">商家审核</h3>
    </div>

    <div class="box-body">

        <!-- 数据表格 -->
        <div class="table-box">

            <!--工具栏-->

            <div class="box-tools pull-right">
                <div class="has-feedback">
                    公司名称：<input id="name" name="name">
                    店铺名称： <input id="nickName" name="nickName">
                    <button class="btn btn-default" onclick="show()">查询</button>
                </div>
            </div>
            <!--工具栏/-->

            <!--数据列表-->
            <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                <thead>
                <tr>
                    <th class="" style="padding-right:0px">
                        <input id="selall" type="checkbox" class="icheckbox_square-blue">
                    </th>
                    <th class="sorting_asc">商家ID</th>
                    <th class="sorting">公司名称</th>
                    <th class="sorting">店铺名称</th>
                    <th class="sorting">联系人姓名</th>
                    <th class="sorting">公司电话</th>

                    <th class="text-center">操作</th>
                </tr>
                </thead>
                <tbody id="seller">

                </tbody>
            </table>
            <!--数据列表/-->
            <div>
                <input type="hidden" id="pageNum">
                <input type="hidden" id="pageSize">
                <input type="hidden" id="pages">
                <a href="javascript:toPage(1)">上一页</a>
                <a href="javascript:toPage(2)">下一页</a>
            </div>
        </div>

    </div>
    <!-- 数据表格 /-->


</div>
<!-- /.box-body -->


<!-- 商家详情 -->
<div class="modal fade" id="sellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">商家详情</h3>
            </div>
            <div class="modal-body">

                <ul class="nav nav-tabs">
                    <li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
                    <li><a href="#linkman" data-toggle="tab">联系人</a></li>
                    <li><a href="#certificate" data-toggle="tab">证件</a></li>
                    <li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
                    <li><a href="#bank" data-toggle="tab">开户行</a></li>
                </ul>

                <!-- 选项卡开始 -->
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane active in" id="home">
                        <br>
                        <table id="one" class="table table-bordered table-striped" width="800px">

                        </table>
                    </div>
                    <div class="tab-pane fade" id="linkman">
                        <br>
                        <table id="two" class="table table-bordered table-striped">

                        </table>
                    </div>
                    <div class="tab-pane fade" id="certificate">
                        <br>
                        <table id="three" class="table table-bordered table-striped">

                        </table>
                    </div>
                    <div class="tab-pane fade" id="ceo">
                        <br>
                        <table id="frou" class="table table-bordered table-striped">

                        </table>
                    </div>
                    <div class="tab-pane fade" id="bank">
                        <br>
                        <table id="five" class="table table-bordered table-striped">

                        </table>
                    </div>
                </div>
                <!-- 选项卡结束 -->


            </div>
            <div class="modal-footer">
                <button class="btn btn-success" onclick="pass1()" data-dismiss="modal" aria-hidden="true">审核通过</button>
                <button class="btn btn-danger" onclick="pass2()" data-dismiss="modal" aria-hidden="true">审核未通过</button>
                <button class="btn btn-danger" onclick="pass3()" data-dismiss="modal" aria-hidden="true">关闭商家</button>
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>


</body>

</html>